<!DOCTYPE html>
<html lang="en">
  
<!-- Mirrored from wbpreview.com/previews/WB0M61R7N/ by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 11 Dec 2013 11:31:21 GMT -->
<head>
    <meta charset="utf-8">
    <title>Watchopolis - Video Portal Theme</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Include CSS Assets -->

    <link href="assets/css/jkit.css" rel="stylesheet">
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/app.css" rel="stylesheet">
    <link href="assets/css/font-awesome.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.html">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.html">
    <link rel="shortcut icon" href="../assets/ico/favicon.html">

  </head>

  <body>

<!-- Start Header -->

<div id="header">
    <div class="navbar navbar-static-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
         <a href="index-2.html"> <h1>.</h1></a>
          <div class="nav-collapse collapse">
            <form class="navbar-form pull-left">
<div class="input-append">
  <input class="span3" id="appendedInputButtons" type="text">
  <button class="btn btn-primary" type="button"><i class="icon-search"></i></button>
</div>           
</form>
            <ul class="nav">
              <li class="active"><a href="#">Movies</a></li>
              <li><a href="#">TV Shows</a></li>
              <li><a href="#">Music</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="404.html">404 Page</a></li>
                  <li><a href="page-elements.html">Page elements</a></li>
                  <li><a href="login.html">Login Page</a></li>
                  <li><a href="register.html">Register Page</a></li>
                  <li><a href="pricing-plans.html">Pricing Plans</a></li>
                </ul>
              </li>
            </ul>
         <p class="navbar-text pull-right">
            <a href="login.html" class="navbar-link">login</a> or <a href="register.html"   class="navbar-link">register</a>
            </p> 
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
 </div>

 <!-- End Header -->



<div class="container">

 <!-- Start Info Unit -->

<div id="info-unit"> <div class="alert alert-block alert-info fade in">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4 class="alert-heading">Your one stop destination for all things you watch.</h4>
<p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
<p><a class="btn btn-primary" href="#">Join Watchopolis</a> <a class="btn btn-success" href="#">Or do this</a></p>
</div>
</div>

 <!-- End Info Unit -->


<div>
 


<div class="row-fluid" >
<div class="span9 main-section">


 <!-- Options bar (Left Section) -->

<div class="options-bar"><select class="span2 pull-left"><option>Sort By </option>
  <option>Date</option>
  <option>Popular</option>
  <option>Highest Rating</option>
  <option>Lowest Rating</option>
</select><span><strong>12,487</strong> Titles Found</span>
</div>

 <!-- End Options Bar -->


 <!-- Start Left Section -->

      <div class="row-fluid">
            <ul class="thumbnails">
               


<li class="span3">
<div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">
<div class="caption">
<h6><a href="#">Thumbnail label</a></h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
</li>


<li class="span3">
<div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">
<div class="caption">
<h6><a href="#">Thumbnail label</a></h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
</li>

<li class="span3">
<div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">
<div class="caption">
<h6><a href="#">Thumbnail label</a></h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
</li>

<li class="span3">
<div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">
<div class="caption">
<h6><a href="#">Thumbnail label</a></h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
</li>

<li class="span3">
<div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">
<div class="caption">
<h6><a href="#">Thumbnail label</a></h6>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
</div>
</div>
</li>

<li class="span3">
<div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">

                 <div class="caption">
                    <h6><a href="#">Thumbnail label</a></h6>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
                  </div>
                </div>
              </li>



                   <li class="span3">
                <div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">

                <div class="caption">
                    <h6><a href="#">Thumbnail label</a></h6>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
                  </div>
                </div>
              </li>


                   <li class="span3">
                <div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">

                   <div class="caption">
                    <h6><a href="#">Thumbnail label</a></h6>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
                  </div>
                </div>
              </li>




  <li class="span3">
                <div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">

               <div class="caption">
                    <h6><a href="#">Thumbnail label</a></h6>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
                  </div>
                </div>
              </li>




                   <li class="span3">
                <div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">

                 <div class="caption">
                    <h6><a href="#">Thumbnail label</a></h6>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
                  </div>
                </div>
              </li>



                   <li class="span3">
                <div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">

                <div class="caption">
                    <h6><a href="#">Thumbnail label</a></h6>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
                  </div>
                </div>
              </li>


                   <li class="span3">
                <div class="thumbnail">
<img data-src="holder.js/300x200" alt="300x200"  src="http://placehold.it/300x400">

                   <div class="caption">
                    <h6><a href="#">Thumbnail label</a></h6>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
                  </div>
                </div>
              </li>

</ul>
</div>

<div class="pagination pagination-small pull-right">
              <ul>
                <li><a href="#">«</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">»</a></li>
              </ul>
            </div>


        </div>

 <!-- End Left Section -->

 <!-- Start Right Section -->

  <div id="side-section" class="span3">
  <ul class="nav nav-list">
                <li class="nav-header">filter by</li>
                <li class="active"><a href="#"><i class="icon-time"></i> Recently added</a></li>
                <li><a href="#"><i class="icon-heart-empty"></i> Most Popular</a></li>
                <li><a href="#"><i class="icon-star-empty"></i> Highest Rating</a></li>
              </ul>


<div class="module-top"><i class="icon-lock"></i> Quick Login</div>
<div class="module">
<form method="post" action="http://wbpreview.com/previews/WB0M61R7N/?" data-jkit="[form:validateonly=true]">
  <fieldset>
    <label class="label-main">Username</label>
    <input name="miniusername" class="span10" id="miniusername"  type="text" data-jkit="[validate:required=true;min=3;max=10;error=Please enter your username (3-10 characters)]">
    <label class="label-main">Password</label>
    <input name="miniusername" class="span10" id="miniusername"  type="text" data-jkit="[validate:required=true;min=3;max=10;error=Please enter your username (3-10 characters)]">
<p><label class="checkbox"><input type="checkbox">remember me</label></p>
    <button name="send" type="submit" value="Submit"  class="btn btn-small">Login</button>
  </fieldset>
</form></div>

 
<div class="module-top"><i class="icon-comments"></i> Latest Comments</div>
<div class="module">
<ul class="comment-list">
<li class="comment">         
<div class="comment-body">
<h4 class="comment-heading">Comment title <span class="time">4:34am</span></h4>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at.</p>
</div>
</li>
<li class="comment">         
<div class="comment-body">
<h4 class="comment-heading">Comment title <span class="time">4:34am</span></h4>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at.</p>
</div>
</li><li class="comment">         
<div class="comment-body">
<h4 class="comment-heading">Comment title <span class="time">4:34am</span></h4>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at.</p>
</div>
</li><li class="comment">         
<div class="comment-body">
<h4 class="comment-heading">Comment title <span class="time">4:34am</span></h4>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<hr>
</div>
</div>


<footer class="footer">
<div class="container">
<div class="row-fluid">
  <div class="span6"> <p class="copyright"><img class="foot-logo" src="assets/img/logo-ts.png" alt="Brand Logo"/> &copy; 2013 <strong>Watchopolis</strong> Video Portal Theme - Crafted by <a href="https://wrapbootstrap.com/user/themestrap">Themestrap</a> </p></div>
<div class="span6">   <div class="pagination pull-right">
 <ul>
<li><a data-rel="tooltip" data-placement="top" data-original-title="Follow us on Twitter" href="#"><i class="icon-twitter"></i></a></li>
<li><a data-rel="tooltip" data-placement="top" data-original-title="Share us on Pinterest" href="#"><i class="icon-pinterest"></i></a></li>
<li><a data-rel="tooltip" data-placement="top" data-original-title="Like us on Facebook" href="#"><i class="icon-facebook"></i></a></li>
<li><a data-rel="tooltip" data-placement="top" data-original-title="+1 us on Google+" href="#"><i class="icon-google-plus"></i></a></li>          
</ul>
</div>
</div>
</div>
</div>
</footer>



    <!-- Include Javascript/JQuery Assets
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
 <script src="assets/js/jquery.js"></script>
 <script src="assets/js/bootstrap.js"></script>
 <script src="assets/js/jquery.jkit.1.1.10.js"></script>
 <script src="assets/js/jquery.easing.1.3.js"></script>


<script type="text/javascript">
    $("[data-rel=tooltip]").tooltip();
</script>

<script type="text/javascript">
$(document).ready(function(){
  $('body').jKit();
});
</script>


  </body>

<!-- Mirrored from wbpreview.com/previews/WB0M61R7N/ by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 11 Dec 2013 11:31:38 GMT -->
</html>
